<script setup lang="ts">
const defaultForm={};
const form=reactive({...defaultForm});
</script>

<template>
<div>
  <AuthenText>
 <pre>
温馨提示：以下是您关注的“一口价“域名。
 </pre>
  </AuthenText>
  <el-card>
    <el-form inline  label-suffix="：">
      <el-form-item label="模版名称">
        <el-input placeholder="请输入要查询的域名，多个逗号分割"></el-input>
      </el-form-item>
      <el-form-item label="状态">
        <el-select>
          <el-option v-for="(item,ind) in ['出售中','已出售','已下架','已删除']" :label="item" :value="ind+1"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">搜索</el-button><el-button text><NuxtLink to="/admin/buy?tab=4"></NuxtLink></el-button>
      </el-form-item>
    </el-form>
  </el-card>
  <el-card class="mt-4">
    <el-table
        ref="multipleTable1"
        :data="[{
          date: '2016-05-03',
          name: '王小虎',
          address: ''
        }]"
        tooltip-effect="dark"
        style="width: 100%"
        >
      <el-table-column
          label="域名"
           >
        <template #defaulte="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="备注信息"
           >
        <template #defaulte="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          prop="name"
          label="卖家ID"
          >
      </el-table-column>
      <el-table-column
          prop="address"
          label="出售价格"
          sortable
         >
      </el-table-column>
      <el-table-column
          prop="address"
          label="更新时间"
          sortable
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="出售状态"
          sortable
      >
      </el-table-column>

      <el-table-column
          prop="address"
          label="操作"
      >
        <template #default="scope">
          <div class="flex w-full">
            <el-button class="ml-1">取消关注</el-button>
            <el-button class="ml-1">设置备注</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div>
      <div class="flex">
        <el-checkbox class="ml-2"></el-checkbox>
        <el-button class="ml-4" type="primary">批量购买</el-button>
        <el-button>批量取消关注</el-button>
      </div>
      <div>
        <MyPage></MyPage>
      </div>
    </div>
  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>